<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>个人简历-王晓北</title>
	<script src="./js/jquery.min.js"> </script>
	<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
	<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link href='./css/family.css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!---- start-smoth-scrolling---->
		<script type="text/javascript" src="./js/move-top.js"></script>
		<script type="text/javascript" src="./js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
 	<!---- start-smoth-scrolling---->
</head>
<body>
<!------headerbg starts--------->
 <div id="top-top" class="headerbg">
	 <!------header starts--------->
	   <div class="header">
		 <!------container starts--------->
			  <div class="container">
				   <div class="logo">
						<a href="#">Resume</a>
				   </div>
				  <!------Navigation starts--------->
				  <div class="nav">
					 <ul>
						 <li><a class="scroll" href="#about">个人简介 (ABOUT ME)</a></li>
						 <li><a class="scroll" href="#skills">专业技能 (SKILLS)</a></li>
						 <li><a class="scroll" href="#port">项目展示 (PROJECT)</a></li>
						 <li><a class="scroll" href="#contact">联系我 (CONTACT ME)</a></li>
					 </ul>
				 </div>
				  <!------Navigation ends-------->
					<div class="clear"></div>
			  </div>
		 <!------container ends--------->
	   </div>
	 <!------header ends--------->
	 <!------Banner starts--------->
	   <div class="banner">
	      <div class="container">
		     <div class="banner-info">
			      <div class="bannerlogo">
					  <img src="./images/diamond.png">
			      </div>
			      <div class="bannerhead">
				      <h2>My name is <span>王晓北</span></h2>
				      <h3>PHP Programmer</h3>
				      
					  <a class="downarrow scroll" href="#about"><span> </span></a>
			      </div>
			 </div>
			 <div class="clear"></div>
		  </div>
	  </div>
	  <!------Banner ends-------->
 </div>
 <!------Headerbg ends-------->
 <!------Content starts--------->
 <div class="content">
	 <!------About starts--------->
	   <div id="about" class="about">
		 <div class="container">
			   <div class="header-section text-center">
				  <h2><span> </span>个人简介 (ABOUT ME)<span> </span></h2>
				  自我介绍
				  </div>
				 <span>
				 	<p>
				 		1、熟练掌握php，html , H5 , CSS3 , javascript，ajax，jquery , Bootstrap , WebApp等web开发技术 ;
					</p>
					<p>
						2、熟练使用pdo、mysql方式操作mysql数据库系统，熟悉mysql事务及存储过程 ;
					</p>
					<p>
						3、熟练掌握Git, Sublime Text, Hbuilder, Photoshop 等常用技术开发工具;
					</p>
					<p>
						4、孰悉mvc架构开发思想模式，熟练使用smarty模板，PHP框架 ;
					</p>
					
					<p>
						5、熟悉网页静态化、smarty缓存，掌握web防sql注入 ;
					</p>
					<p>
						6、熟练html，div+css前台页面技术和xml的使用 ;
					</p>
					<p>				
						7、熟练掌握微信公众平台开发 ;
					</p>
					<p>
						8、了解linux基本操作。
					</p>  	
				 </span>
					 
			  <div class="years">	 
				<h4><b>Famous quotes</b></h4>
				 <span><h4>如果你热爱这个行业，那它就不只是一份工作！</h4></span>
				 <p><i>他们愿意把自己的全部能力挥洒在这里，愿意把对事业的美好憧憬寄托在这里，愿意忘记时间的流转并把对生活的热情融入这里。</i></p>
				 <p><i>这里没有沉闷的交流，没有超越忍耐的合作，没有失去自由的畅想，没有无法逾越的隔阂；有的是心照不宣，轻松和谐；有的是放纵思绪，丰富且自得。</i></p>
			  </div>
				 <a class="arrow scroll" href="#skills"><span> </span></a>
		  </div>
	  </div>
	 <!------About Ends--------->
	 
	<!------SKILLS Starts--------->
	  <div id="skills" class="skills">
	  <div class="container">
	     <div class="skills-grids">
			  <div class="skill-section text-center">
				  <h2><span> </span>专业技能 (SKILLS)<span> </span></h2>
			  </div>
					  <div class="services_grids">
						  <div id="canvas">
								<div class="skill-grids text-center">
										<div class="col-md-3">	
											<div class="skill-grid">
												<div class="circle" id="circles-1"></div>									
												 <h3>AJAX</h3>	
											 </div>								  
										</div>
										<div class="col-md-3">	
											<div class="skill-grid">
												<div class="circle" id="circles-2"></div>									
												 <h3>MySql</h3>	
											 </div>								  
										</div>
										<div class="col-md-3">	
											<div class="skill-grid">
												<div class="circle" id="circles-3"></div>									
												 <h3>PHP</h3>	
											 </div>								  
										</div>
										<div class="col-md-3">	
											<div class="skill-grid">
												<div class="circle" id="circles-4"></div>									
												 <h3>JAVASCRIPT</h3>	
											 </div>								  
										</div>
										<div class="clearfix"> </div>
								  </div>
						   </div>
					  </div>
					<!---->
					 <script type="text/javascript" src="./js/circles.js"></script>
								 <script>
									var colors = [
											['#181115', '#30222A'], ['#181115', '#30222A'], ['#181115', '#30222A'], ['#181115', '#30222A']
										];
									for (var i = 1; i <= 5; i++) {
										var child = document.getElementById('circles-' + i),
											percentage = 70 + (i * 5);
											
										Circles.create({
											id:         child.id,
											percentage: percentage,
											radius:     80,
											width:      15,
											number:   	percentage / 1,
											text:       '%',
											colors:     colors[i - 1]
										});
									}
							
					</script>
					
					<!--/-->
			 </div>
		 </div>
		   <a class="down scroll" href="#port"><span> </span></a>
	  </div>
	  </div>
	 <!------SKILLS Ends--------->
		 <!------PORTFOLIO Starts--------->
		 <div id="port" class="Portfolio">
			  <div class="Portfolio-section text-center">
			      <h2><span> </span>项目展示 (PROJECT)<span> </span></h2>
			      
			  </div>
			  <div class="container">
				  <div class="portfolio-grids">
				  		<div class="portfolio-grid col-md-4">
						  <a target="_blank" href="#"><img src="./images/dangdang.png"></a>
						  <p>仿当当网 [仿当当网/PHP]<br>个人独立开发(耗时4周)</p>
						  <a target="_blank" class="rightarrow" href="#"><span> </span></a>
					  </div>
					  <div class="portfolio-grid col-md-4">
						  <a target="_blank" href="http://c69_xiaobei.houdunphp.com/blog_new"><img src="./images/blog_new.png"></a>
						 <p>博客BLOG [个人博客/PHP]<br>个人独立开发(耗时3天)</p>
						  <a target="_blank" class="rightarrow" href="http://c69_xiaobei.houdunphp.com/blog_new"><span> </span></a>
					  </div>
					  <div class="portfolio-grid col-md-4">
						  <a target="_blank" href="http://c69_xiaobei.houdunphp.com/blog"><img src="./images/blog.png"></a>
						 <p>博客BLOG [教学博客/PHP]<br>个人独立开发(耗时3天)</p>
						  <a target="_blank" class="rightarrow" href="http://c69_xiaobei.houdunphp.com/blog"><span> </span></a>
					  </div>
					  <div class="portfolio-grid col-md-4">
						 <a target="_blank" href="#"><img src="./images/fanke.png"></a>
						  <p>凡客首页 [静态页面]<br>初学HTML(耗时2天)</p>
						  <a target="_blank" class="rightarrow" href="#"><span> </span></a>
					  </div>
					  <div class="portfolio-grid col-md-4">
						  <a target="_blank" href="#"><img src="./images/jingdong.png"></a>
						 <p>京东首页 [静态页面]<br>初学HTML(耗时1周（12层）)</p>
						  <a target="_blank" class="rightarrow" href="#"><span> </span></a>
					  </div>
					  
					  
					  
					  <div class="clear"> </div>
				  </div>
				  <a class="portdown scroll" href="#contact"><span> </span></a>
				  
			  </div>
		 </div>
  </div>
  <!------Content Ends-------->
  
  <!------FOOTER Starts----------->
 <div  id="contact" class="footer">
      <div class="container">
	  
		   <div class="contact-section text-center">
			  <h2><span> </span>CONTACT<span> </span></h2>
		  </div>
		 <div class="row">
		 
			 <div class="col-md-6">
				  <div class="footer-left">
					   <p>我是一个对理想有着执着追求的人，坚信是金子总会发光。为人热情，活泼，大方， 本人好学上进，诚信、敬业、责任心强，有强烈的团体精神，对工作认真积极，严谨负责。 本人性格内外结合,适应能力强，为人诚实，有良好的人际交往能力，具备相关的专业知识和认真。细心、耐心的工作态度及良好的职业道德修养。相信团体精神的我对工作认真负责，总希望能把事情做得更好! 性格开朗，对文字语言和数字敏感，对生活充满希望，对工作充满热情! 能在短期间内适应新环境，有强烈的品质意识;对工作认真负责，上进心强! 懂电脑基本操作，熟练小键盘操作!</p>
				  </div>
			 </div>
			  
			  <div class="col-md-6">
				  <div class="footer-right">
				 <div class="form">
				
					 	<div style="color: #B5A9B7;line-height: 2em;">
					 		<div class="contact-section text-center">
								  <h2><span> </span><a href="tencent://message/?uin=1686692766&amp;Site=在线客服&amp;Menu=yes" style="box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);color:#D2D1D1;">点我开始聊天</a><span> </span></h2>
							  </div>
					 		<p>手机(TEL):`17135502300</p>
					 		<p>腾讯(QQ):1686692766</p>
					 		<p>邮箱(EMAIL):1686692766@qq.com</p>
					 		
					 	</div>
					 <div class="clear"> </div>
				 </div>
				  </div>
				  <div class="clear"></div>
			  </div>
		 </div>
	 </div>
	 <a class="up scroll" href="#top-top"><span> </span></a>
	  
 </div>
 
 </body>
 </html>